<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<meta name="viewport"	content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<link href="${pageContext.request.contextPath}/bettery/css/itao.css"	rel="stylesheet" />
		<script type="text/javascript" src="${pageContext.request.contextPath}/dewei/js/jquery.js?v=1"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/jquery.validate.min.js?v=1"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bettery/js/bettery_common.js"></script>
		<script type="text/javascript">
		$(function(){
			validator = $("#searchForm").validate({});
		});
		</script>
    </head>
<body onload="hideLoading()">
<div class='search_bar' >
	<span class='new-btn right' onclick="WeixinJSBridge.call('closeWindow');"> <a  >保存返回</a></span>
	</div>
<form id='searchForm' action="main.do"  method="post">
<s:hidden name="wxid" />
<input type="hidden" name="lat" value="${model.lat}" />
<input type="hidden" name="lng" value="${model.lng}" />

<div class="col-lg-12 m-t">
	<div id="successPage" class="inner" style="position: relative;" align="center">
		<div  style='color:red;font-size:24px'>
			<b>恭喜您，预约成功！</b>
		</div>
		
		<div style="margin-top: 10px;font-size: 12px;">
			您的订单号为：<b style="font-size: 20px;color:red;">${model.dingDanUid}</b>
		</div> 
		
		<div class='panel m-t' style='background:#E4E4E4'>
				<div   style='color:green;height:30px;text-indent:14px;10px 18px 0;line-height:24px;text-align:left'>订单信息如下</div>
				<img src='${pageContext.request.contextPath}/bettery/icons/connect.png' width='100%'/>
				<div class="panel-body"   align="left">
				<s:if test='"附近门店更换"==model.changeType'>
				<div class="mendianDiv" style="display: block;">
				<table>
					<tr>
						<td>
							<img id='dianchiImge1' src="${pageContext.request.contextPath}/dewei/img/tianneng.jpg" width="60px" height="60px">
						</td>
						<td>
							<div
								style="height: 20px; font-size: 13px; ">
								换购品牌：<span id="showPinpai1">${model.pinPai}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px;">
								换购型号：<span id="showXinghao1">${model.xingHao}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px; ">
								换购价格：
								<font id='showPrice1' >${model.price}</font>元
							</div>
						</td>
					</tr>
				</table>
				<hr/>
				<table  style="margin-left: 0px">
					<tr>
						<td>
							服务类型：<span id="showGenghuanType1"><font style="font-size: 13px;"  color="red"><b>门店更换</b></font></span>
						</td>
					</tr>
					<tr>
						<td>
							门店名称：<span id="showName1">${model.mendianName}</span>
						</td>
					</tr>
					<tr>
						<td>
							门店地址：<span id="showAddr1">${model.mendianAddr}</span>
						</td>
					</tr>
					<tr>
						<td>
							联&nbsp;系&nbsp;人：<span id="showLxr1">${model.mendianLxr}</span>
						</td>
					</tr>
					<tr>
						<td>
							联系电话：<span id="showLxTel1">${model.menDianTel}</span>
						</td>
					</tr>
					
				</table>
				<hr />
				&nbsp;<font style="font-size: 12px"  color="red">温馨提示：</font>
				<br/>
				<table  style="margin:0px;font-size: 12px;padding: 0px;">
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td  style="margin:0px;padding: 0px;">点击“保存返回”后您的订单信息会自动保存至手机；</td>
					</tr>
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td style="margin:0px;padding: 0px;">当您去门店更换时，请到【用户中心】-【我的订单】查看您的订单；</td>
					</tr>
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td style="margin:0px;padding: 0px;">此换购价格48小时内有效，请您尽快到指定门店更换。</td>
					</tr>
				</table>
				
				</div>
				</s:if>
				<s:elseif test='"附近无网点"==model.changeType'>
				<table>
					<tr>
						<td>
							<img id='dianchiImge1' src="${pageContext.request.contextPath}/dewei/img/tianneng.jpg" width="60px" height="60px">
						</td>
						<td>
							<div
								style="height: 20px; font-size: 13px; ">
								换购品牌：<span id="showPinpai1">${model.pinPai}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px;">
								换购型号：<span id="showXinghao1">${model.xingHao}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px; ">
								换购价格：
								<font id='showPrice1' >${model.price}</font>元
							</div>
						</td>
					</tr>
				</table>
				<hr/>
				<table  style="margin-left: 0px">
					<tr>
						<td>
							服务类型：<font style="font-size: 13px;"   color="red"><b>附近无网点</b></font>
						</td>
					</tr>
					<tr>
						<td>
							您的姓名：<span id="showName3">${model.kehuName}</span>
						</td>
					</tr>
					<tr>
						<td>
							您的地址：<span id="showAddr3">${model.address}</span>
						</td>
					</tr>
					<tr>
						<td>
							联系电话：<span id="showLxTel3">${model.lxTel}</span>
						</td>
					</tr>
					
				</table>
				<hr />
				&nbsp;<font style="font-size: 12px"  color="red">温馨提示：</font>
				<br/>
				<table  style="margin:0px;font-size: 12px;padding: 0px;">
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td  style="margin:0px;padding: 0px;">点击“保存返回”后您的订单信息会自动保存至手机；</td>
					</tr>
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td style="margin:0px;padding: 0px;">当您去门店更换时，请到【用户中心】-【我的订单】查看您的订单；</td>
					</tr>
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td style="margin:0px;padding: 0px;">提交订单后，请等待客服人员联系您。</td>
					</tr>
				</table>
				</s:elseif>
				<s:elseif test='"人工上门更换"==model.changeType'>
				<table>
					<tr>
						<td>
							<img id='dianchiImge1' src="${pageContext.request.contextPath}/dewei/img/tianneng.jpg" width="60px" height="60px">
						</td>
						<td>
							<div
								style="height: 20px; font-size: 13px; ">
								换购品牌：<span id="showPinpai1">${model.pinPai}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px;">
								换购型号：<span id="showXinghao1">${model.xingHao}</span>
							</div>
							<div
								style="height: 20px; font-size: 13px; ">
								换购价格：
								<font id='showPrice1' >${model.price}</font>元
							</div>
							<div
								style="height: 20px; font-size: 13px; ">
								上门服务：
								<font id='showPrice1' >${model.serverPrice}</font>元
							</div>
						</td>
					</tr>
				</table>
				<hr/>
				<table style="margin-left: 0px">
					<tr>
						<td>
							客户姓名：<span id="showKehuName2">${model.kehuName}</span>
						</td>
					</tr>
					<tr>
						<td>
							联系电话：<span id="showLxTel2">${model.lxTel}</span>
						</td>
					</tr>
					<tr>
						<td style="position: relative;">
							联系地址：<span id="showAddr2">${model.address}</span>
						</td>
					</tr>
					<tr>
						<td>
							服务类型：<font style="font-size: 13px;"  color="red"><b>上门更换</b></font>
						</td>
					</tr>
					<tr>
						<td>
							上门时间：<span id="showTime2">${model.time}</span>
						</td>
					</tr>
				</table>
				<hr />
				&nbsp;<font style="font-size: 12px"  color="red">温馨提示：</font>
				<br/>
				<table  style="margin:0px;font-size: 12px;padding: 0px;">
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td  style="margin:0px;padding: 0px;">点击“保存返回”后您的订单信息会自动保存至手机；</td>
					</tr>
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td style="margin:0px;padding: 0px;">当您去门店更换时，请到【用户中心】-【我的订单】查看您的订单；</td>
					</tr>
					<tr>
					<td style="vertical-align: top"><font color="red" >*</font></td>
					<td style="margin:0px;padding: 0px;">本网将在24小时之内与您联系安排人员上门更换。</td>
					</tr>
				</table>
				</s:elseif>
			</div>
				</div>

		<div  style="text-align:left;font-size: 13px;">
		
		</div>
	</div>
</div>
 
</form>
	</body>
</html>